<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templateAdministrador.xhtml">

	<h:head>
		<meta http-equiv="X-UA-Compatible" content="IE=7" />
		<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
		<title>Agregar Fechas</title>
		<link type="text/css" rel="stylesheet" href="css/default.css" />
		<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
	</h:head>
	<ui:define name="body">
		<p:tabView>
			<p:tab title="Administración de Calendario">
				<h:form id="form">


					<table width="80%" align="center">
						<tr>
							<td width="100%"><p:outputPanel id="tbFecha">
									<div align="center">
										Calendario:
										<p:calendar value="#{agregarDiasBM.objFecha.fecha}"
											pattern="dd/MM/yyyy" locale="es" mode="inline" pages="3"
											maxdate="#{agregarDiasBM.fechaMax}"
											mindate="#{agregarDiasBM.fechaMin}" />
									</div>
									<br />
									<div align="center">
										<h:panelGrid columns="4">
											<h:outputText value="Evento: " />
											<h:inputText value="#{agregarDiasBM.objFecha.evento}" />
										<p:spacer/>
											<p:commandButton value="Agregar"
												actionListener="#{agregarDiasBM.agregarFecha}"
												update="fechas tbFecha msjA" />
										</h:panelGrid>
									</div>
									<br/>
								</p:outputPanel> <br /> <p:outputPanel id="fechas">
									<p:dataTable value="#{agregarDiasBM.listFechas}" var="f"
										emptyMessage="No se encuentran fechas añadidas">
										<p:column>
											<f:facet name="header">
												<h:outputText value="Fecha Agregada" />
											</f:facet>
											<h:outputText value="#{f.fechaFormatLarge}" />
										</p:column>
										<p:column>
											<f:facet name="header">
												<h:outputText value="Evento" />
											</f:facet>
											<h:outputText value="#{f.evento}" />
										</p:column>
										<p:column>
											<f:facet name="header">
												<h:outputText value="Eliminar" />
											</f:facet>
											<p:commandLink value="Eliminar Fecha" update="form:fechas"
												actionListener="#{agregarDiasBM.eliminarFecha}">
												<f:param name="fecShort" value="#{f.fechaFormatShort}"
													id="fecShort" />
											</p:commandLink>
										</p:column>
									</p:dataTable>
								</p:outputPanel>
								<br/>
								<div align="center">
									<p:commandButton value="RegistrarFechas"
										action="#{agregarDiasBM.registrarFechas}" ajax="false" />
								</div>
							</td>
						</tr>
					</table>


				</h:form>
			</p:tab>
		</p:tabView>
	</ui:define>

</ui:composition>